<template>
	<view class="img">
		<image :src="src" :mode="mode" v-if="!iserror && src!=''" @load="iserror=false" @error="iserror=true"></image>
		<image src="../../static/error.png" mode="aspectFill" v-if="iserror || src==''" class="error"></image>
	</view>
</template>

<script>
	// import {baseUrl} from '../../common/config.js'
	export default {
		props:{
			src:{
				type:String,
				default:''
			},
			mode:{
				type:String,
				default:'aspectFill'
			}
		},
		data() {
			return {
				iserror:false
			};
		},
		created() {
			// console.log(this.baseUrl + this.src)
		},
		computed:{
			// baseUrl(){
			// 	return baseUrl
			// }
		}
	}
</script>

<style lang="scss">
.img,image{width: 100%;height: 100%;}
</style>
